<template>
  <div class="homeIndex">
    <HoemLeft />
    <div class="homeIndex_middle">
      <HomeMiddle />
    </div>
    <HoemRight />
  </div>
</template>
<script setup lang="ts">
import { onMounted } from 'vue'
import HoemLeft from './components/left.vue'
import HoemRight from './components/right.vue'
import HomeMiddle from './components/middle.vue'
onMounted(() => {
  console.log('homeIndex')
})
</script>
<style lang="scss" scoped>
.homeIndex {
  display: flex;

  &_middle {
    flex: 1;
  }
}
</style>
